<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/l-style.css" rel="stylesheet">
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/pop_status.js"></script>
    <script src="../js/common.js"></script>
</head>
<body>
<div class="container">
    <div class="header">
        <div class="header-fl fl">科技小桌板</div>
        <div class="header-fr fr">
            <img src="../img/icon/default-avatar.png" width="28" height="28" class="default-avatar fl">
            <span class="admin-name fl">Sherry</span>
            <img src="../img/icon/exit-icon.png" width="16" height="16" class="login-exit fr">
        </div>
    </div>

    <div class="super-admin">
        <img src="../img/icon/s-admin.png" width="70" height="71">
        <span class="super-text">普通管理员</span>
    </div>

    <div class="sidebar">
        <div class="panel-group" id="accordion">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" href="../index.html" data-id="1">
                                <span class="sidebar-icon">
                                    <span class="side1"></span>
                                </span>
                                <span class="">首页</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                            <a class="sidebar-list" data-id="2" >
                                <span class="sidebar-icon">
                                    <span class="side2"></span>
                                </span>
                                <span class="">消息通知</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" data-id="1" href="../gg1.html">公告列表</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" data-id="2" href="../px1.html">培训通知</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="3"  href="../ry1.html">
                                <span class="sidebar-icon">
                                    <span class="side3"></span>
                                </span>
                                <span class="">人员管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="4" href="../qy1.html">
                                <span class="sidebar-icon">
                                    <span class="side4"></span>
                                </span>
                                <span class="">企业信息管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="5" href="../sb1.html">
                                <span class="sidebar-icon">
                                    <span class="side5"></span>
                                </span>
                                <span class="">申报看板</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="6" href="../wj1.html">
                                <span class="sidebar-icon">
                                    <span class="side6"></span>
                                </span>
                                <span class="">文件管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseSeven">
                            <a class="sidebar-list" data-id="7">
                                <span class="sidebar-icon">
                                    <span class="side7"></span>
                                </span>
                                <span class="">账号管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseSeven" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" href="../zh2.html" data-id="1">普通管理员账号管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="../zh1.html" data-id="2">科技联络人审核</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseEight">
                            <a class="sidebar-list" data-id="8">
                                <span class="sidebar-icon">
                                    <span class="side8"></span>
                                </span>
                                <span class="">系统设置</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseEight" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" href="personal_mes.html" data-id="1">个人信息</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" data-id="2">修改密码</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" data-id="3">企业类别管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" data-id="4">企业属性管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" data-id="6">注册协议管理</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-header">
        <div class="page-right-top">
            <div class="right-top">
                <span class="right-title">系统设置</span>
            </div>
            <div class="top-nav">个人信息</div>
            <span class="r-arrow top-r-arrow"></span>
            <div class="top-nav top-nav-active">编辑修改</div>
        </div>
        <div class="main-content">
            <div class="mes-content">
                <form id="comMesBtn">
                    <div class="com-list">
                        <div class="com-list-box">
                            <div class="com-left fl">管理员姓名</div>
                            <div class="pop-com-input">张某某</div>
                        </div>

                        <div class="com-list-box">
                            <div class="com-left fl">手机号码</div>
                            <div class="pop-com-input">18880088888</div>
                        </div>

                        <div class="com-list-box">
                            <div class="com-left fl">邮箱</div>
                            <input type="text" name="email" class="pop-com-input admin-email" style="width: 560px;" placeholder="请输入邮箱">
                        </div>

                        <div class="display">
                            <div class="com-list-box fl">
                                <div class="com-left fl">身份属性</div>
                                <div class="select-jurisdiction fl">
                                    <span class="radio-icon radio-icon-check fl"></span>
                                    <span class="file-text fl">普通管理员</span>
                                </div>

                                <div class="select-jurisdiction fl">
                                    <span class="radio-icon fl"></span>
                                    <span class="file-text fl">科技载体管理员</span>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>

                        <div class="com-list-box">
                            <div class="com-left fl">管理员名称</div>
                            <input type="text" name="name" class="pop-com-input admin-name" style="width: 560px;" placeholder="请输入管理员名称">
                        </div>

                        <div class="com-list-box">
                            <div class="com-left fl">所属区域</div>
                            <div class="pop-com-input">高新区</div>
                        </div>


                        <div class="clearfix"></div>
                        <div class="add-mem-box" style="margin-top: 40px;">
                            <div class="com-left fl"></div>
                            <div class="acc-opera-btn fl mem-btn p-first-btn">保存</div>
                            <a class="acc-opera-btn fl mem-cancel" href="personal_mes.html">取消</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function () {

        SidebarHighlighting('8');

        SonSidebar('8', '1');

        // 身份属性
        $('.radio-icon').on('click', function () {
            $('.radio-icon').removeClass('radio-icon-check');
            $(this).addClass('radio-icon-check');
        });

        $('.p-first-btn').on('click', function() {
            var param = $('#comMesBtn').serializeObject();

//      console.log(param)
        })
    })
</script>
</body>
</html>